﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
    padding-right: 42px;@charset "utf-8";
html, body { font: 12px/1.8 'Microsoft YaHei', Tahoma, Verdana, 'Simsun'; color: #666; background: #fff; letter-spacing: 0.5px;-webkit-text-size-adjust: none; }
h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; }
ol, ul, li, dl, dt, dd { list-style: none; padding: 0; margin: 0; }
a { color: #333; text-decoration: none; }
a:hover { color: #005bab; text-decoration: none; }
.BMap_Marker label{max-width:none;}
img { max-width: 100%; height: auto; }
.container{max-width:100%;}
.container1{width:100%; max-width:1420px;margin: 0 auto;}
.zp-on{display:block;}
.clear{clear:both;}
table img{max-width:none;     width: 100%;  }
.zi li.action{    background: #005bab;}
table td{padding:2.6%;   background: #fff;}
.mt2 table td{padding:1%; }
.mt2 table img{width:auto;}
#fw-i td img{width:auto;}
#td-b img{width:auto;}
#mut td img{width:auto;}
/*头部*/
header { }
#guide-banner { position: relative; height: 500px;}
#web_logo { margin-left: 10px; font-size: 0px; position: relative; z-index: 999; }
.m-na{ display:none;}
.btn-nav.btn-net{background:red;}
.n-nav{ position:fixed; top:0; left:0;width: 100%;line-height: 90px;      transition: .3s;  z-index: 999;}
.n-nav ul li{float:left;    padding: 0 25px;     text-align: center;position: relative;   transition: .3s;}
.n-nav ul li dl{ display:none;  text-align: left;   background-color:#fff;    width: 126%;  position: absolute; top: 71px;  left: 0;transition: .5s;}
.n-nav ul li dl dd{ line-height:2.8;}
.n-nav ul li:hover dl{ display:block;  transition: .3s; }
.n-nav ul li dl dd a{ font-size:14px;     color: #666;   padding: 0 24px 0 24px;  }
.n-nav ul li a{color:#fff;     font-size: 16px; }
.n-nav ul li:hover{   transition: .5s;}
.n-nav ul li:hover a.an{color:#e2e2e2;}
.n-nav ul{margin-bottom:0;}
.n-nav ul li:nth-child(2) dl{width:201%;    display: none;}
.n-nav ul li:nth-child(2) dl a{    padding: 0 14px 0 14px;}
.n-nav ul li dl dd:hover{background:#fff;}
.n-nav ul li dl dd:hover a{color:#005bab;}

.n-nav .nlogo{margin-top:22px;    width: 25%;transition: .3s;}
.mob-nav{display:none;}
.n-nav.nfix{background-color: rgba(0,0,0,0.85);     line-height: 70px;   transition: .3s;}
.n-nav.nfix .nlogo{    margin-top: 13px; width: 21%;transition: .3s;}
/*.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }*/
.an1{    animation-delay: .1s;}
.an2{    animation-delay: .2s;}
.an3{    animation-delay: .3s;}
.an4{    animation-delay: .4s;}
/*顶部导航*/
.section3 .ab_box{ position:relative;    height: 100%;}
.section3 .mv{float: left; width: 25%; height:100%;     position: relative;overflow:hidden;}
.section3 .mv .pro {  width:100%; height:100%;position: absolute;left: 0;top: 0; height: 100%; background: #252525;}
.section3 .mv .pro-t{  position: absolute; left: 0; top:0; width: 100%; height: 100%; height: 100%; }
.section3 .mv .cover{    display: none;    position: absolute;width: 100%; height: 100%;top: 100%; left: 0; background:rgba(0,0,0,0.4);transition: all .3s ease;}
.section3 .mv:hover .cover { top: 0;}
.section3 .mv .pro-t:after { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: opacity 0.5s;  transition: opacity 0.5s }
.section3 .mv .m1 { padding:50px;    text-align: center; z-index: 2; display: -webkit-box; display: -ms-flexbox;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
-webkit-box-align: center;-ms-flex-align: center; align-items: center;position: absolute;left: 0; top: 0;width: 100%; height: 100%; transition:all .6s ease;    background: rgba(0,0,0,0.4);}
.section3 .line{ width:35px; height:1px; background:#fff; margin:30px auto;}
.section3 .mv .m1 p{ color:#fff;}
.section3 .mv .m1 span{ border-bottom:1px solid #fff; padding-bottom:10px; color:#fff; display:block; width:140px; height:40px; line-height:40px; margin:0 auto; margin-top:20px;opacity: 0;}
.section3 .mv .m1 span:hover{background:#1c6cd8; border-bottom:1px solid #1c6cd8; transition:.3s;}
.section3 .mv:hover .m1{    background: rgba(0,0,0,0.1);}
.section3 .mv:hover .m1 span{opacity: 1;}
.section3 .mv:nth-child(1) span{opacity: 1;}
/*banner*/
.ban2img {}
.ban2img1 { }
.ban2img img { }
.ban2img1 img { }
.index_main .section1 .index_banner .item .ban2img img { position: absolute; top: 14%; left: 15%; opacity: 0; width: 28%; height: auto; transform: translateY(40px); -webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.index_main .section1 .index_banner .ban2img1 img { position: absolute; top: 65%; right: 15%; opacity: 0; width: 30%; height: auto; transform: translateY(40px); -webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.index_main .section1 .index_banner .item.active .ban2img1 img { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms; }
.index_main .section1 .index_banner .item.active .ban2img img { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms; }
.index_main .section1 .index_banner .item .ban2img:hover img { -webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both; }
/*首页*/
/*banner背景图片动画*/
@-webkit-keyframes scale-bg {  from {
 -webkit-transform:scale(1.2);
 transform:scale(1.2);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scale-bg {  from {
 -webkit-transform:scale(1.2);
 transform:scale(1.2);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes sma {  from {
 -webkit-transform:scale(1.2);
 transform:scale(1.2);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
/*banner */
.index_main { background: #f7f7f7; }
.index_main .section1 { position: relative; }
.index_main .section1 .index_banner .item { background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; position: relative; }
.index_main .section1 .index_banner .item.slick-current .scaleBg { visibility: visible; -webkit-animation: scale-bg 6s linear forwards; animation: scale-bg 6s linear forwards; }
.index_main .section1 .index_banner .items { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.index_main .section1 .index_banner .items:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.1); }
.index_main .section1 .index_banner .item .inner .block_txt { position: absolute; top: 44%; right: 10px; left: 10px; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.index_main .section1 .index_banner .item.active .inner .block_txt { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms; }
.index_main .section3.active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms; }
.index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 45px; color: #fff; text-align: center; }
.index_main .section1 .index_banner .item .inner .block_txt h2 { color: #fff; font-size: 16px; margin-top: 30px; text-align: center; letter-spacing: 10px; }
.index_main .section1 .index_banner .item .inner .block_txt h2 span { color: #f5c920; display: inline-block; letter-spacing: 5px; }
.index_main .section1 .index_banner .item .inner .block_txt h3 { color: #fff; font-size: 22px; text-align: center; margin-top: 10px; letter-spacing: 3px; }
.index_main .section1 .slick_txt {    display: none; width: 30%; height: 100%; background-color: transparent; transition: all 500ms ease; -webkit-transition: all 500ms ease; background-repeat: no-repeat; position: absolute; top: 0; font-size: 0; outline: none; border: 0; }
.index_main .section1 .left { left: 0; }
.index_main .section1 .right { right: 0; }
.index_main .section1 .slick_txt:hover .slick_arrow { opacity: 1; visibility: visible; }
.index_main .section1 .slick_txt .slick_arrow { width: 20px; height: 36px; background-repeat: no-repeat; background-position: center; margin-top: -18px; position: absolute; top: 50%; cursor: pointer; transition: all 500ms ease; -webkit-transition: all 500ms ease; opacity: 0; visibility: hidden; }
.index_main .section1 .slick_txt .prev { background-image: url(//filecdn.ify.cn/skin/ys1728/img/ban_prev.png); left: 60px; }
.index_main .section1 .slick_txt .next { background-image: url(//filecdn.ify.cn/skin/ys1728/img/ban_next.png); right: 60px; }
.index_main .section1 .slick_txt .prev:hover { background-image: url(//filecdn.ify.cn/skin/ys1728/img/ban_prev_hover.png); }
.index_main .section1 .slick_txt .next:hover { background-image: url(//filecdn.ify.cn/skin/ys1728/img/ban_next_hover.png); }
.index_main .section1 .number { position: absolute; bottom: 8%; left: 50%; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.2); display: table; padding: 0 20px; width: auto; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.index_main .section1 .number span { font-size: 14px; color: #fff; margin-right: 100px; display: inline-block; cursor: pointer; position: relative; transition: all 500ms ease; -webkit-transition: all 500ms ease; }
.index_main .section1 .number span:last-child { margin-right: 0; }
.index_main .section1 .number span:after { content: ""; display: inline-block; width: 0; height: 2px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -20px; opacity: 0; visibility: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease; }
.index_main .section1 .number span.active:after { width: 100%; opacity: 1; visibility: visible; }
.index_main .section2 { background: #f5f5f5; }
.index_main .section2 h3 { }
.index_main .section3 { width: 100%; height: 100%; background:#000; background-size: cover; background-position: center center; }
.index_main .section2 { width: 100%; height: 100%; }
.index_main .section4 { width: 100%; height: 100%;  }
.index_main .section5 { width: 100%; height: 100%; background:#eaeaea; background-size: cover; background-position: center center; }
.index_main .section6 { width: 100%; height: 100%; background: url(//filecdn.ify.cn/skin/ys1728/) no-repeat; background-size: cover; background-position: center center; }
.index_main .section3 h3 { text-align: center;    font-size: 30px;color: #fff; }
.index_main .section4 { }
.index_main .section4 h3 { }
.index_main .section5 { overflow: hidden; }
.index_main .section6 { }
.section3 /*产品中心*/
.section2 .titl { margin-top: 50px; }
.section2 h4 { font-size: 30px; color: #666; margin-bottom: 50px; }
.section2 .new-b {width: 49%; float: right; margin-bottom: 50px; }
.section2 .new-o { width: 45%; }
.section2 .new-o li h3 { font-weight: bold; font-size: 16px; color: #666; margin-bottom: 15px; }
.section2 .new-o li:hover h3 { color: #1c6cd8; }
.section2 .new-o li:hover span { color: #1c6cd8; }
.section2 .new-o li p {  }
.section2 .new-o li { border-bottom: 1px solid #e8e8e8; float: left; padding-bottom: 44px; margin-top: 44px; }
.section2 .new-o li small { font-style: normal; font-size: 14px; color: #999; }
.section2 .ulTit {     margin-top: 50px;}
.section2 .titl li { text-align: center; display: inline-block; width: 45px; font-size: 25px; height: 41px; background: #fff; color: #999; border: 1px solid #999; line-height: 38px; margin-left: 10px; margin-right: 10px; }
.section2 .titl li:hover { background: #1c6cd8; border: 1px solid #1c6cd8; color: #fff; }
.section2 .titl .home_proo { background: #1c6cd8; border: 1px solid #1c6cd8; color: #fff; }
.section2 .titl .home_proo a { color: #fff; }
.section2 .divC { animation-name: fadeInRight !important; visibility: inherit !important; }
.section2 .divC li { overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; }
.section2 .divD li:nth-child(1){ display:none;}
.section2 .divC li .new-t h3 { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.section2 .divC li .new-t small { font-style: normal; font-size: 14px; color: #999; }
.section2 p { padding-left: 0; }
.section2 .divC li a { display: block; padding-top: 25px; }
.section2 p span:nth-child(1) { font-size: 30px; font-weight: bold; }
.section2 p span { font-size: 18px; color: #666; display: block; }
.section2 .divC li .img { position: relative; display: block; padding: 0; }
.section2 .divC li .img1 { }
.section2 .divC li .img div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(12,15,12,.18); display: none; }
.section2 .divC li .img .img_2 { opacity: 0; position: absolute; top: 40%; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.section2 .divC li:hover div { display: block; }
.section2 .divC li:hover .img_2 { opacity: 1; }
.section2 .divD { }
.section2 .prod, .section4 .newd, .section6 .cont { width: 400px; margin: 0 auto; display: block; margin-bottom: 20px; }
.jr-l { width: 110px; float: right; }
.jr-l a { display: block; text-align: left; line-height: 34px; color: #999; border-bottom: 1px solid #999; position: relative; z-index: 2; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .6s; -moz-transition: all cubic-bezier(.23, 1, .32, 1) .6s; -ms-transition: all cubic-bezier(.23, 1, .32, 1) .6s; -o-transition: all cubic-bezier(.23, 1, .32, 1) .6s; transition: all cubic-bezier(.23, 1, .32, 1) .6s; }
.jr-l span { width: 0%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #1c6cd8; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .6s; -moz-transition: all cubic-bezier(.23, 1, .32, 1) .6s; -ms-transition: all cubic-bezier(.23, 1, .32, 1) .6s; -o-transition: all cubic-bezier(.23, 1, .32, 1) .6s; transition: all cubic-bezier(.23, 1, .32, 1) .6s; }
.jr-l:hover a { color: #fff; padding-left: 10px; border-bottom: 1px solid #1c6cd8; }
.jr-l:hover span { width: 100%; }
.section4 .ab-l{ padding:0; position:relative;  padding-bottom: 46.5%;}
.section4  .abou-t{ position:absolute; bottom:0; padding:10%; left:0; width:100%;}
.section4  .abou-t h3{ font-size:30px; color:#fff; margin-bottom:32px;}
.section4  .abou-t p{color:#fff;}
/*.section4 .ab-l .abou-t span{ border-bottom:1px solid #fff; padding-bottom:10px; color:#fff; display:block; width:150px; height:40px; line-height:40px; margin:0 auto; margin-top:20px;}
.section4 .ab-l .abou-t:hover span{background:#1c6cd8; border-bottom:1px solid #1c6cd8; transition:.3s;}*/
.section4  .jr-r{ float:left;      margin-top: 30px;  width: 150px;}
.section4  .jr-r a{color:#fff;     line-height: 50px;   border-bottom: 1px solid #fff;}
.section4  .jr-r:hover a { color: #fff; padding-left: 10px; border-bottom: 1px solid #1c6cd8; }
.section4 .ab-r{padding:0;}
.section4 .ab-r ul{margin-bottom:0;}
.section4 .ab-r ul.fnt_24 li{padding-bottom:0;padding: 9% 12% 9% 12%;}
.section4 .ab-r ul.fnt_24 li:nth-child(2){display:none;}
.ss_loading{display:none;}
.section4 .ab-r ul li{ position:relative;    padding-bottom: 46.5%;}
.section4  .about-r{padding: 10% 12% 10% 12%;}
/*图片放大*/
.imgChangeBigger { overflow: hidden; }
.imgChangeBigger img { transition: all .5s; width: 100%; }
.imgChangeBigger:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }
/*5*/
.section5 { position: relative; }
.section5 .tbg{width:100%; overflow:hidden;       height:79%;   display: table; top: 0;}
.section5 .tbg .container1{    display: table-cell; vertical-align: middle;}
.section5 .tbg ul li{ text-align:center;  }
.section5 .tbg ul li .t-img{ position:relative;width: 216px; height: 187px;margin: 0 auto;}
.section5 .tbg ul li .t-img .t2{    transition:.3s; opacity: 0;position:absolute;     top: -13px; left: 13px;}
.section5 .tbg ul li h3{ text-align:center; font-size:18px; color:#fff;    margin-top: 17%;}
.section5 .tbg ul li:hover .t-img .t2{ opacity:1; transition:.3s;}
.section6 h3 { text-align: center; color: #fff; font-size: 28px; margin-bottom: 15px; }
 .bq{padding: 40px 0 40px 0;    background: #eaeaea; bottom:0; width:100%; overflow:hidden;}
 .bq .d-nav dl{border-bottom:1px solid #666; padding-bottom:40px;}
 .bq .d-nav dl dd{ float:left; margin-right:26px;}
.bq .d-nav dl dd a{color:#666; font-weight:bold;}
.bq .d-nav ul{float:left; width:100%;}
 .bq .d-nav ul li{ float:left; line-height: 10px; color:#999;}
.bq .d-nav ul li a{ font-size:14px; color:#999; border-right:1px solid #999; padding: 0 5px 0 5px;   line-height: 10px;display: block;}
.bq .d-nav .bei{ font-size:14px; color:#999;}
.bq .d-nav .bei a{ font-size:14px; color:#999;} 
.bq .d-nav dl dd:hover a{color:#1c6cd8;}
.section6 .container>p { text-align: center; color: #fff; font-size: 20px; margin-bottom: 20px; }
.bq .erwe{ float:right;}
.section6 .lian { float: left; width: 33.333%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1%; border: 1px solid #ccc; }
.section6 .lian span { font-size: 16px; color: #fff; text-align: center; display: block; }
.section6 .lian p { font-size: 18px; font-weight: 500; color: #fff; text-align: center; }
.section6 .copyright { padding: 0 15px; text-align: center; }
.section6 .copyright span { display: inline-block; color: #fff; }
.section6 .copyright a { color: #fff; }
.section6 .copyright a:hover { color: #fff; }
.section6 .bottom_icp { padding: 0 10px; }
.section6 .erweima { width: 120px; height: 120px; margin: 0 auto; display: block; margin-top: 20px; margin-bottom: 25px; }
/*股价*/
.stock_area li {float: left;width: 100%;}
.stock_area li.ss_up {color:#fff;}
.stock_area li.ss_up .ss_price {background: url(img/up.png) no-repeat right 11px;    padding-right: 42px;}
.stock_area li.ss_down {color:#fff;}
.stock_area li.ss_down .ss_price {background: url(img/up.png) no-repeat right 11px;    padding-right: 42px;}
.stock_area li span{float: left;}
.ss_num {width:100%;    font-size: 30px;margin-bottom: 4%;}
.ss_price {padding-right: 5px;    font-size: 40px; color: #ffa200;}
.ss_price_num {    padding-left: 10%;text-align: right;font-size: 26px;    margin-left: 4%;line-height: 2.2;}
.ss_price_precent {    padding-left: 10%;text-align: right;font-size: 26px;    margin-left: 5%; line-height: 2.2;}
.ss_price_date {  color: #fff; margin-top: 5%;}
/*单页*/
.v-more{    border-radius: 6px; width: 140px; height: 43px; margin: 0 auto; background: #005bab;color: #fff; text-align: center; margin-bottom: 3% !important;    border: 1px solid #005bab;}
.v-more a{    line-height: 43px; color: #fff; }
.about-m{    background: #f5f6f7;}
.about-c{width:100%;overflow:hidden; padding-bottom:4%;}
.a-list{ font-size:35px; color:#666; padding-top:4%; padding-bottom:15px;   font-weight: bold; text-align: center;}
.ab-txt{ font-size:14px; color:#999; text-align:center; padding-bottom:5%;}
.ab-c  .cul-l{ padding:71px 76px 70px 76px;     background-color: #666;}
.ab-c .cul-r{padding:0;    position: relative;}
.ab-c .cul-l h3{ font-size:30px; color:#fff;    margin-bottom: 26px;}
.ab-c .cul-l p{font-size:15px; color:#fff;    line-height: 1.6;}
.ab-c .cul-l span{     margin-top: 35px; border-radius: 6px;  width: 140px;height: 38px; border: 1px solid #fff;display:block; text-align:center;}
.ab-c .cul-l span a{ color:#fff; line-height:38px;}
.ab-c .cul-l span:hover{ background:#1c6cd8; border:1px solid #1c6cd8;}
.ab-c .cul-r .cul-p{     padding: 42px;   position: absolute;top: 0; left: 0;width: 40%; height: 100%; background-color: rgba(0,91,171,0.8);}
.ab-c .cul-r .cul-p h4{    text-align: center;font-size: 30px;  color: #fff;  border-bottom: 1px solid #fff; padding-bottom: 25px;  width: 76%; margin: 0 auto;   margin-top: 55px; }
.ab-j{ margin-top:0%;background:#005bab; background-size:cover; width:100%; overflow:hidden;}
.a-list.a-white{ color:#fff;    padding-top: 5%;}
.ab-txt.ab-white{ color:#fff;}
.ab-j .con{     font-size: 15px;   width: 93%; text-align: center; margin: 3% auto; color:#fff;    line-height: 2;}
.ab-j span{  border-radius: 6px; width: 140px;  height: 38px; border: 1px solid #fff; display: block; text-align: center; margin:0 auto; margin-bottom: 6%;}
.ab-j span a{    color: #fff; line-height: 38px;}
.ab-j span:hover{ background:#fff; border:1px solid #fff;}
.ab-j span:hover a{ color:#1c6cd8;}
.ab-c .cul-m{padding:69px 76px 69px 76px;   }
.ab-c .cul-m h3{}
.ab-c .cul-m p{   }
.ab-c .cul-m span{      width: 40px;    border-radius: 0; height: 37px;}
.ab-c .cul-m span a{    line-height: 33px;font-size: 18px;}
.ab-c .cul-m span:hover a{}
.ab-c .cul-r .cul-tt{ width: 100%;     padding: 66px;  background-color: unset;}
.ab-c .cul-r .cul-tt h5{ margin-bottom: 26px;}
.ab-c .cul-r .cul-tt h5 a{       font-size: 30px; color: #fff; }
.ab-c .cul-r .cul-tt p{ font-size:15px; color:#fff;}
.ab-c .cul-y{}
.ab-c .cul-r .cul-o{}
.pro-menu ul li{    padding: 33px 0px; float:left;overflow:hidden;text-align: center;}
.pro-menu ul{margin:0;}
.pro-menu{width:100%; overflow:hidden;     border-bottom: 1px solid #e8e8e8; }
.pro-menu ul li:hover a{ color:#005bab;    font-weight: 600;}
.pro-menu ul li a{  border-right: 1px solid #ddd;line-height: 12px;    padding: 0 25px;  font-size:16px;display:block; color:#666;}
.pro-menu ul li a.on{ color:#005bab;    font-weight: 600;}
.txt-c {padding:4% 0;}
.tz-b{    background: #f5f6f7; padding:3.5% 0px 3.5%;}
.tz-b .tz-l{padding:0; overflow:hidden;     animation-delay: 0.2s;  position: relative;}
.tz-b .tz-r{ color:#fff;     animation-delay: 0.1s;  padding:40px 54px 40px 54px;   background: #005bab;}
.tz-b .tz-l .tz-s{    position: absolute; top: 0;font-size: 28px;color: #fff; font-weight: 600;  padding: 54px;}
.tz-b .tz-l img{    display: block; transform: scale(1,1); transition: 0.8s;}
.tz-b .tz-l:hover img{transform: scale(1.06,1.06);}
.tz-b .tz-l .tz-r{    position: absolute;bottom: 0; font-size: 24px; color: #cdcdcd; padding: 54px; font-weight: 600;}
.tz-b .tz-l span a{ color:#fff;   display: block;font-size: 16px; font-weight: normal;  margin-top: 16px;}
.tz-b .tz-r h4 {  font-weight: 600;   font-size: 28px; margin-bottom: 28px;}
.tz-b .tz-r li{       transition: .3s;   font-size: 16px; margin-bottom: 15px;}
.tz-b .tz-r li a{ color:#fff;   display: block; padding-left: 8%;  position: relative;}
.tz-b .tz-r li a:after{    content: ""; width: 4px; height: 4px;  background: #fff; border-radius: 50%;position: absolute;top: 50%; margin-top: -2px; left: 2%; display: block;}
.tz-b .tz-r li:hover{padding-left:5px;    transition: .3s;}
.tz-b .tz-r ul{padding-bottom:3%;}
.tz-b .tz-r .hqi{padding-bottom: 5.6%;}
.tz-b .tz-r .hqi a{   transition: .3s; color: #fff;font-size: 16px;}
.tz-b .tz-r .hqi:hover a{padding-left:5px;    transition: .3s;}
.tz-c ul li{padding:0;position: relative; overflow:hidden;  }
.tz-c ul li .t-cover{    position: absolute; top: 0; padding: 54px;}
.tz-c ul li .t-cover h4{    font-size: 28px; color: #fff; font-weight: 600; margin-bottom: 23px;}
.tz-c ul li:nth-child(1){  animation-delay: 0.3s;}
.tz-c ul li:nth-child(2){  animation-delay: 0.4s;padding-right: 1px;}
.tz-c ul li .t-cover span{ font-size:16px; color:#fff;}
.tz-c ul li .t-cover span a{color:#fff;}
.tz-c ul li img{    display: block; transform: scale(1,1); transition: 0.8s;}
.tz-c ul li:hover img{transform: scale(1.06,1.06);}

/*产品*/
.pr-c{  }
.pr-c p{  font-size: 16px; color: #999;text-align: center;     padding-bottom:6%; }
.pr-l .ptt{    padding: 10% 8% 10%;    text-align: center;}
.pr-l .ptt h3{margin-bottom: 23px; font-weight:600;   font-size: 25px;color: #333;}
.pr-l li{    background-color:#fff;padding: 0;width: 30.8%;  margin: 0 1.2% 2.4% 1.2%;}
.pr-l li p{color:#666; width:100%;     padding-bottom: 0;    line-height: 1.6;   font-size: 14px;}
.prod { width:100%; overflow:hidden;padding: 1% 0 2.5% 0;    background: #f5f6f7; }
.pr-l li:hover{background:#005bab;}
.pr-l li:hover h3{color:#fff;}
.pr-l li:hover p{color:#fff;}
.pr-c h2{font-size: 35px;text-align: center;     padding-top: 4%; padding-bottom: 30px; font-weight: 600;}
.pr-l .pp-i{     overflow: hidden;  }
.pr-l .pp-i img{ -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;}
.pr-l li:hover .pp-i img{ -moz-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3); transform:scale(1.3,1.3);}
.p-rt li{ position: relative;   width: 30.8%; margin: 0 1.2% 2.4% 1.2%;    float: left; overflow: hidden;}
.txt-t{    background: #f7f7f7;}
.txt-t .txt-c{      background: #fff;  margin: 4% 0 4% 0;    padding:4% 3% 4% 3%;}
.p-rt li .pl-m{overflow:hidden; background:#000;}
.p-rt li h3{    font-size: 19px; color: #333; font-weight: bold; text-align: center; padding: 23px;}
.p-rt li .p-more{     padding: 70px;   transition: .3s ease;position: absolute;text-align: center; width: 100%; height: 100%; top: 100%; background: #005bab;color: #fff;}
.p-rt li .p-more h4{    font-size: 25px; font-weight: 600;margin-bottom: 25px;}
.p-rt li .p-more span{    width: 140px;height: 40px; display: block; margin: 0 auto; border: 1px solid #fff;
line-height: 40px;border-radius: 6px;}
.p-rt li .p-more span:hover{background:#fff; color:#005bab;}
.p-rt li:hover .p-more{top:0;}
.txt-t .txt-c h2{    font-size: 25px; text-align: center;font-weight: 600; margin-bottom: 25px;}
.txt-t .txt-c .p-nt{  margin-bottom: 40px;    border-bottom: 1px solid #e8e8e8;padding-bottom: 25px;  text-align: center;}
.txt-t .txt-c .p-nt span{margin-right:20px;    color: #999;}

/*招聘*/
.zp{   width: 100%;overflow: hidden;background: #f5f6f7;    padding: 3.5% 0px 3.5%;}
.rl li{padding:0;background:#005bab;overflow:hidden;}
.zp ul{padding:0;    margin-bottom: 0;}
.rl li a{color:#fff;}
.rl li h4{     margin-bottom: 25px;   font-size: 28px; font-weight:600;}
.rl li span{width: 40px;border: 1px solid #fff; height: 37px; display:block;line-height: 33px; text-align:center; margin-top:30px;font-size: 18px;}
.rl li img {display: block; transform: scale(1,1);transition: 0.8s}
.rl li:hover img { transform: scale(1.08,1.08);}
.rl li span:hover{background:#fff; color:#005bab;}
.rl li:nth-child(2){    padding: 48px 38px 48px 38px;}
.zp .rr{padding:0;  overflow:hidden;  position: relative;}
.zp .rr .r-cover{     background-color: rgba(0,0,0,0.5); width: 50%;   position: absolute; right: 0; bottom: 0; padding: 30px 40px 30px 40px;}
.zp .rr img {display: block; transform: scale(1,1);transition: 0.8s}
.zp .rr:hover img { transform: scale(1.08,1.08);}
.zp .rr .r-cover h4{font-size: 28px;color: #fff; font-weight: 600; margin-bottom:20px;}
.zp .rr .r-cover p{color:#fff;}
.zp .rr .r-cover span{    color: #fff; margin-top: 20px;display: block;}
.zp .rr .r-cover span:hover{ color:#005bab;}
.zp .rr-t{    width: 48%; margin-left: 2%;}
.zp .rr-t:nth-child(1){}
.zp .rr-t .r-cover{left:0; width:70%;  }
/*.zp .rr-t .r-cover h4{color:#005bab;}
.zp .rr-t .r-cover p{color:#999;}
.zp .rr-t .r-cover span{color:#999;}*/
.sh{width:100%; overflow:hidden;     padding-bottom: 5%;   background: #eef2f5;}
.sh ul li{background:#fff;  transition: .3s;   padding: 35px;   border-left: 1px solid #e0e0e0;}
.sh ul li:nth-child(1){margin-left:0;}
.sh ul li h4{    font-size: 25px; color: #333;margin-bottom: 22px;}
.sh ul li p{color:#999;    line-height: 1.6;}
.sh ul li span{width: 110px;  font-size: 13px; height: 38px;text-align: center; line-height: 38px;border-radius: 6px;  border: 1px solid #666; display: block;
  margin-top: 30px; color: #666;}
.sh ul li:hover span{ background: #fff; border:1px solid #fff; color:#005bab;}
.sh ul li:hover{    transition: .3s; background: #005bab;}
.sh ul li:hover h4{color:#fff;}
.sh ul li:hover p{color:#fff;}
.nabout{ font-size:13px; color:#666;line-height:26px; padding:20px 0px 40px 0px;}
.nabout table tr{ height:60px;       position: relative;  background: #fff; margin: 30px 20px 0 20px;    width: 29.2%;  float: left;}
.nabout table tr th{font-size: 14px;font-weight: normal;padding-right: 0px;width:25%;     float: left; line-height: 60px;   text-indent: 15px;}
.nabout table tr td input{ width: 100%; height:60px; padding: 0px 5px;   }
.nabout table tr td textarea{ width: 94%; height: 60px; border: none;}
.submit{ width: 160px !important; height: 50px !important; border: 0;background:#005bab !important; color: #fff;  cursor:pointer;}
.nabout table span   { color: red; position: absolute;right: 20px;}
.nabout table tr:nth-child(8){ width: 62%;background:;}
.nabout table tr:nth-child(8) th{    width: 18%;    float: left; line-height: 60px;}
.nabout table tr:nth-child(8) td{    float: right; width:82%;}
.nabout tfoot tr{width:100% !important;    margin-top: 45px;  background:none; text-align:center;}
.nabout tfoot tr th{ background:none;}
  .nabout tfoot tr td { width: 160px;    float: none; margin: 0 auto;display: block;}
.nabout table  td{width: 65%;display: block;float: left;    padding: 0;}
.nabout h4{font-size:35px;     margin-top: 3%; text-align:center;     color: #666;     margin-bottom: 24px;}
.nabout p{ color:#999; text-align:center;    margin-bottom:26px;}
/*人力*/
.txt-d{width:100%;overflow:hidden;background: #eef2f5;}
.zi li dl dt{ font-size:20px;    margin-bottom: 30px; }
.zi li {padding:0; background:#fff;     cursor: pointer;   float: left; width:100%;transition: .3s;  }
.zi li dl{margin-bottom:0; width:100%; float:left;  border-bottom: 1px dashed #eee;}
.zi li dl dd{  float:left;     line-height: 75px; width: 20%;  text-align: center;   color: #666;}
 .zp-u{ display:none;    transition: .3s;  float: left; background-color: #eee; width: 100%; padding: 4% 6% 10%; line-height: 1.8;}
.zi li .zjr a{color:#005bab;}
.zp-u table td { background: none; padding: 0.4%;}
.zi li .zjr{ margin-top: 30px;}
.zi li .zjp a{color:#666;}
.txt-d .txt-c{  background: #fff;padding:50px;  margin: 5.5% 0 5.5% 0;}
.txt-c .zfr li{ float:left;    color: #666; margin-bottom: 10px;}
.txt-c .zfr li a{color:#666;padding-right: 20px;}
.txt-c .zfr li a.in{color:#005bab;}
.txt-c .zfr li:hover a{ color:#005bab;}
.txt-c .zjt dd{    background: #f4f6f9; float:left;     line-height: 60px; width: 20%; font-size: 18px;  text-align: center;
 font-weight: 600;   color: #333;}
.txt-c .zjt{float:left; width:100%; margin-bottom:0;   margin-top: 40px; border-top: 4px solid #005bab;}
.zi li:hover .zp-u{display:block;    transition: .3s;}
.zi li:hover .zp-u i {    font-style: normal;width: 150px;height: 45px;text-align: center; display: block;background: #005bab; line-height: 45px;}
.zi li:hover .zp-u i a{color:#fff; font-size:15px;}
.zi li:hover dl{background:#005bab;border-bottom: 1px solid #005bab; transition: .3s; }
.zi li:hover dl dd{color:#fff;}
.zi{ float:left; width:100%;}
/*文章*/
.xw-o h4 a,.xw-t h4 a{     text-align: center;margin-bottom:4%; display:block;   font-size: 35px; font-weight: 600;}
.tz li .t-img{    padding-bottom: 55%;}
.tz li{    position: relative;    padding: 0; width: 48.5%;margin-left: 3%;}
.tz li .tzt{     width: 100%;      height: 100%; position: absolute; top: 0; padding: 40px;}
.tz li span{font-size: 16px; margin-bottom: 22px; color:#fff;    display: block;}
.tz li h3{    font-size: 22px; line-height: 38px; margin-bottom: 26px; color: #fff;}
.tz li p{font-size:16px; color:#fff;}
.tz li .xlj{    width: 166px;height: 40px; border: 1px solid #fff; text-align: center; line-height: 40px;
 color: #fff; margin-top: 35px;}
.tz li .tz-img{padding-bottom:55%;}
.tz li:nth-child(2) .tz-img{background:#005bab !important;}
.tz li:nth-child(1) .tzt{ width:100%;   background-color: rgba(0,0,0,0.4);}
.tz li:nth-child(1){margin-left:0;}
.tz li:hover .xlj{    background-color: rgba(255,255,255,0.2);}
.xw-t{    padding: 4% 0 4% 0;}
.xw-t .r-new li .r-img{ overflow:hidden;}
.xw-t .r-new li .r-img img{ -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;}
.xw-t .r-new li:hover .r-img img{ -moz-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3); transform:scale(1.3,1.3);}
.xw-t .r-new li .rt{background: #fff;    padding: 10%;}
.xw-t .r-new li .rt span{    font-size: 16px; color: #666;}
.xw-t .r-new li .rt h3{  line-height: 1.6;   font-weight: 600;   font-size: 20px; color: #333333; margin: 14px 0px;;}
.xw-t .r-new li .rt .xlj{     margin-top: 18px;   font-size: 16px;color: #005bab;}
.xw-t .r-new li{padding:0;width: 31.6%;margin-left: 2.5%;}
.xw-t .r-new li:nth-child(1){margin-left:0;}
.ne-list li{    position: relative;  padding: 3%;  background: #fff;    margin-bottom: 20px; overflow:hidden;}
.ne-list li:hover {    box-shadow: 0 0 10px #dcdcdc;}
.ne-list .ne-img{     margin-left: 4%;     width: 33%;float: right;   padding: 0;}
 .ne-list .ne-t{     position: relative;}
 .ne-list .ne-t span{ display:block;  color: #666;margin-top: 15px;  font-size:16px; }
 .ne-list .ne-t p{ font-size: 16px; color: #666; line-height: 28px;min-height: 84px;}
 .ne-list .ne-t h3{     line-height: 1.6;text-align:left; color:#333;     font-weight: 600;   margin: 30px 0px 20px;font-size: 20px;}
.ne-list .ne-t .ne-m{  margin-top:16px; }
 .ne-list .ne-t .ne-m a{ font-size:14px; }
.ne-list .col-md-5{width:33%; overflow:hidden;    float: right;}
.nn-l{    width: 70.3399%; float: left;}
.nn-r{    width: 28%;    float: right;}
.nn-r dl{background:#fff;    padding: 12.5% 10%;}
.nn-r dl h4{    font-weight: 600;    font-size: 26px;margin-bottom: 22px; line-height: 1; color: #333;}
.nn-r dl dd {position:relative;}

.nn-r dl dd a{ display:block;    padding-left: 18px;   color: #666;    padding-bottom: 10px;}
.nn-r dl dd:hover a{ color: #005bab;}
.nn-r dl span{      margin-top: 20px;   display: block;   width: 100%;height: 40px; text-align: center;  font-size: 16px; background: #005bab;}
.nn-r dl span a{line-height: 40px;color: #fff;}
.nn-r dl dd a:after {content: ""; width: 5px; height: 5px; background: #005bab; position: absolute;  top: 50%; margin-top: -6px;
  left: 2%; display: block;}
.nn-b{background:#fff;    padding: 5% 4%;}
.nn-b h2{    font-size: 28px; color: #333; margin-bottom: 10px;  line-height: 1.6;font-weight: 600;}
.nn-b article{margin-top:40px;}
.nn-b time{font-size: 14px; color: #666;    padding-left: 33px; background:url(img/time.png) no-repeat left;}
.nn-r .xss{background:#fff;    padding: 9%;margin-bottom: 14px;}
.nn-r .xss span{font-size:18px;      font-weight: 600; display: block   }
.nn-r .xss a{font-size:16px;    color: #666;    line-height: 1.6;}
.nn-r .xss .fh{     margin-top: 30px;   width: 100%; height: 40px;text-align: center;   font-size: 16px; border: none;
 background: #005bab;}
.nn-r .xss .fh a{color: #fff; line-height: 40px;}
.xs-x{    float: right; background: #fff;  padding: 50px;}
.xs-d{     width: 27%;   float: left;}
.nn-r dl.xs-g{    border-top: 5px solid #005bab;padding: 10.5% 7.5%;}
.nn-r  .xs-g dd a{     padding-bottom: 18px;   font-size: 16px;    padding-left: 26px;}
.nn-r dl dd a.in{    color: #005bab;}
.ab-cc{background: #f5f6f7;}
.t-new li{ padding: 0 6% 0 6%; transition: .3s;    overflow: hidden;    border-right: 1px solid #fff;}
.t-new li .rt{    padding: 0 0 40px 0; }
.t-new li .rt h3{     margin-bottom: 20px;    color: #fff; font-weight: bold;   font-size: 20px; line-height:30px;}
.t-new li .rt p{font-size: 14px;color: #fff;}
.t-new li .rt span{  background: #005ca9;width: 100px; line-height: 36px; text-align: center;  margin: 8px 0 20px; display: block;    color: #fff;}
.t-new li .rt:after {display:none;content: '';width: 100%;height: 5px; position: absolute;left: 0;bottom: 0; background: #d1d1d1;}
.t-new li:hover  .rt:before {width: 100%; z-index: 3;}
.t-new li .rt:before {content: '';width: 0%;height: 5px;background: #005ca9; position: absolute; left: 0; bottom: 0;transition: all 0.6s ease;display:none;}
.t-new li:hover h3{color:#005ca9;}
.hq-b{margin-top: 4%; width:100%; overflow:hidden;}
.hq-b .container{padding:4% 0 6% 0;}
.hq-b h4 a{font-size:35px; color:#fff; font-weight:600;    text-align: center;    padding-bottom: 5%; display: block}
.t-new li:nth-child(3){border-right:none;}
.t-new li:nth-child(1){ }
/*大事记start*/

.txt-c .button {line-height: 30px;position: absolute;cursor: pointer;top: 43%;font-size: 23px;color: #fff;width: 35px;height: 35px;border-radius: 50%;color: #fff;border: 1px solid #fff;text-align: center;}
.prev { left: -8%; }
.next { right: -8%; }
.slide_wrap { overflow: hidden; position: relative; }
.slide_wrap ul { position: relative; left: 0px; }
.slide_wrap::after { width: 100%; height: 1px; background-color: #999; content: ''; position: absolute; top: 63px; left: 0px; }
.slide_items li { float: left; font-size: 20px; width: 200px; text-align: center; }
.slide_items li a { display: block; }
.slide_items li.on span{ color:#f0161e; border-radius: 30px;    font-weight: 600; }
.slide_items li span { color: #fff; font-size: 26px; display: block; }
.slide_items li div { display: inline-block; width: 16px; height: 16px; border: 1px solid #a2a2a2; ; border-radius: 13px; padding: 2px; box-sizing: border-box; margin-top: 18px; }
.slide_items li i { display: block; width: 10px; height: 10px; background-color: #a2a2a2; border-radius: 5px; }
.slide_items li.on div { display: inline-block; width: 26px; height: 26px; background-color: #fff; border-radius: 13px; padding: 8px; box-sizing: border-box; margin-top: 13px; }
.slide-content { margin-top: 7%; }
.slide-content img { width: 100%; }
.slide-content ul { display: none; }
.slide-content ul.on { display: block; }
.nf{width: 80%; margin: 0 auto;    padding: 10% 0 10% 0;}
.nf-c{position: relative;}
.slide-content ul li p span{     font-family: 微软雅黑 !important;   color: #fff !important; font-size: 15px !important; line-height: 1.6 !important; margin-bottom: 20px !important;display: block !important;
 background: none !important;}
.slide-content ul li p{color:#fff;    text-align: left; margin: 0;}
.fz-l .ab-cc{    background:none;}
.nf h4{    font-size: 40px;color: #fff; font-weight: 600; text-align: center;}
.nf p{font-size: 14px;color: #f5f5f5;text-align: center; margin:4% 0 7% 0;}
.xq-h{      padding-top: 3%;  margin-top: 4%;float: left;    border-top: 1px solid #e8e8e8;}
.mmr{    background: #fff; padding: 4%; float: left; width: 100%;}
.mmr h4{font-size: 28px; text-align:center;    margin-bottom: 5%;}
.mmt{    width: 48%; float: left;}
.yx-r li{  background: #fff;     margin:  1%;width: 31%;}
.yx-r li h3{    font-size: 20px; margin-bottom: 15px;}
.yx-r li p{   line-height: 1.75em; color: #666;}
.yx-r li .yx-t{ padding: 12% 7% 12% 7%;}
.yx-r li:nth-child(1){background:url(img/wluo.jpg) no-repeat; background-size:cover;}
.yx-r li:nth-child(1) h3{color:#fff;}
.yx-r li:nth-child(1) p{color:#fff;}
.yx-r li:hover .yx-t{background:url(img/wluo.jpg) no-repeat; background-size:cover;} 
.yx-r li:hover h3{color:#fff;}
.yx-r li:hover p{color:#fff;}
.xi-img {    margin-bottom: 3.5%;}
.aui-nav-content-box h3{color:#818080; font-size:26px; margin:80px 0px 12px 0px;  text-align:center;}
.aui-nav-content-box span{font-size:14px; color:#999; text-align:center;     margin-bottom: 50px;display:block;}
.aui-nav-list-box { overflow: hidden; zoom: 1;border-bottom: none;z-index: 110;background: #fff; display: block;}
.aui-nav-list-box ul li a {color: #666;}
.aui-nav-list-tab{ float:left; width:100%;    padding: 0 40px 0 40px;}
.aui-nav-list-box ul li { color: #666; height:42px; cursor: pointer; line-height:42px;     width: 23%;  text-align: center; font-size: 16px; border: 1px solid #a0a0a0;    margin: 30px 0px 20px 40px;   float: left; }
.aui-nav-list-box ul .aui-current {color: #fff;background: #1284e8;  border:1px solid #1284e8;}
.aui-nav-list-box ul .aui-current a { color: #fff;}
.aui-nav-list-item {display: none; }
.ho-d dd{padding: 1%;}
.ho-d dd img{    margin: 0 auto;display: block;}
.ho-d dd p{color:#595959;}
.ho-r{width:100%;}

/*页码*/
.ny_pages{width:100%; max-width:1420px; margin:auto;text-align:center;margin:4% auto 3%;float: left;font-size:14px;color:#666;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ny_pages a{margin:0px 5px;color:#666; font-size:14px; border:1px solid #666; padding:12px 40px;}
.ny_pages a:hover{color:#fff; background:#005bab; border:1px solid #005bab;}
@media (min-width:1440px) and (max-width: 1680px){
	.section5 .tbg{    height: 87%;}
	.section4 .jr-r{    margin-top: 36px;}
	
	}
@media (min-width: 1200px) and (max-width: 1440px){
.section5 .tbg{ height: 87%;}
.container1{width:1200px !important;}
  .container{width:1200px !important;}
.nav-list{margin-left:5% !important;}
.section2 .new-o {width: 50%;}
.section2 .new-o li{    padding-bottom: 25px;  margin-top: 25px;}
.section4 .jr-r{margin-top: 22px;}
.section4 .about-r { padding: 6% 12% 6% 12%;}
.section5 .bq .d-nav dl dd{    margin-right: 15px;}
.section5 .bq .erwe{    width: 20%;}
  .rl li:nth-child(2){padding: 40px 38px 40px 38px;}
  .tz-b .tz-r{    padding: 3% 2% 2% 4%;}
  .section2 h4{    font-size: 26px;    margin-bottom: 2px;}
  .section2 .new-b{    margin-bottom: 0;}
  .section2 .new-b{    width: 44%;}
  .section2 .ulTit{margin-top: 20px;}
  .searchbox{margin-bottom: 34px  !important;}
  .nav-list h3{    margin-bottom: 20px  !important;}
  .btn-nav{top:16px !important;}
  .nav{top: 20px !important;}
  .ab-c .cul-l { padding: 59px 76px 58px 76px;}
  .ab-c .cul-m { padding: 45px 76px 45px 76px;}
  .bq .d-nav dl dd { margin-right: 16px;}
  .bq .erwe{width: 20%;}
  .section2 p span:nth-child(1){    font-size: 24px;}
  
}
@media (min-width: 991px) and (max-width: 1200px){
.index_main .section1 .index_banner .item .ban2img img { width: 60% !important; }
.index_main .section1 .index_banner .ban2img1 img { position: absolute; top: 65%; right: 15%; opacity: 0; width: 30%; height: auto; transform: translateY(40px); -webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.nav-list{    margin-left: 4%  !important;}
.section2 p span {font-size: 12px;}
.section2 .new-o li{padding-bottom: 26px; margin-top: 26px;}
.index_main .section3 h3{    font-size: 22px;}
.section5 .bq .erwe{width: 23%;}
.section5 .bq .d-nav dl dd{    margin-right: 10px;}
.section5 .tbg{    height: 86%;}
.index_main .section4 .container{width: auto;}
  .d-nav{width: 57%;}
  .n-nav ul li a{font-size: 15px;}
  .n-nav ul li{padding: 0 12px;}
  .n-nav .nlogo{    margin-top: 28px;width: 25%;}
  .n-nav.nfix .nlogo {  margin-top: 18px;width: 25%;}
  .pro-menu ul li a{    padding: 0 18px;}
  .nn-r dl.xs-g{    padding: 10.5% 3.5%;}
  .nn-r .xs-g dd a{font-size: 15px;}
  .p-rt li .p-more{    padding: 40px;}
  .p-rt li .p-more h4{font-size: 24px;}
  .tz li .tz-img{padding-bottom: 78%;}
  .ne-list .ne-t h3{    margin: 10px 0px 10px;}
  .nn-r dl{padding: 12.5% 7%;}
  .rl li:nth-child(2){    padding: 12px 16px 12px 16px;}
  .sh ul li{}
  .tz-b .tz-r ul{    display: none;}
  .tz-b .tz-r{padding: 68px 54px 70px 54px;}
  .n-nav ul li dl dd a{padding: 0 16px 0 16px;}
  .ab-c .cul-r .cul-p{    width: 65%;padding: 20px;}
  .ab-c .cul-l{padding: 38px 26px 37px 26px;}
  .ab-c .cul-l h3{    margin-bottom: 16px;}
  .ab-c .cul-l span{margin-top: 20px;}
  .ab-c .cul-m{    padding: 24px 26px 24px 26px;}
  .ab-c .cul-r .cul-p h4{margin-top: 35px;}
  .nabout table tr th{    width: 32%;}
  .section4 .ab-r ul li{padding-bottom: 52%;}
  .section4 .ab-l{    padding-bottom: 52%;}
  .section4 .about-r{    padding: 5% 9% 5% 9%;}
  .d-nav{width: 55% !important;}
  .section3 .mv .pro-t{  }
  .bq .d-nav dl dd{    margin-right: 10px;}
  .mt4{    height: 450px !important;}
}

@media (min-width: 767px) and (max-width: 991px){
  .container1 {width: 750px;}
	.index_main .section4 .container{width: auto;}
.index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 30px; margin-bottom: 20px; }
.index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 22px; }
.index_main .section1 .index_banner .item .inner .block_txt h3 { font-size: 16px; line-height: 20px; margin-top: 20px; }
.section2 .new-o{width:100%;}
.section2 .new-o li{width:50%;padding-bottom: 20px;margin-top: 10px;}
.section2 .new-o li small{}
.section2 p span{ float:left;    margin-right: 10px;    line-height: 42px;}
.section2 .new-o li h3{margin-top:15px;}
.section2 .divC li a{      padding: 20px;     float: left; display: block; width: 50%}
.section2 .new-t{padding-left: 0;}
.section2 .new-b{margin:50px 0 0 0;    width: 100%;}
.section3 .mv .pro-t{background-position: -109px 0 !important;}
.section3 .mv .m1{padding: 20px;}
.index_main .section3 h3{    font-size: 20px !important;}
.section4 .abou-t p{ display:none;}
.section4 .abou-t h3{ margin-bottom:0;}
.section4 .jr-r{    margin-top: 30px;}
.section5 .tbg ul li .t-img{    width: auto; height: auto;}
.section5 .tbg ul li .t-img .t2{ display:none;}
.section5 .bq .d-nav dl dd{margin-right: 13px;}
.section5 .bq {padding: 64px 0 64px 0;}
  .section2 .divC li .new-t h3{    margin-top: 16px;}
  /*  #guide-banner{    height: 360px;background-attachment: scroll !important;background-position:center !important;    background-size: auto 100% !important;}*/
  .section4 .ab-r ul li{padding-bottom: 37%;}
   .mob-nav{display:block;  position: fixed;    top: 0;  width: 100%; z-index: 999;background: rgba(0,0,0,0.6);height: 60px;}
  .n-nav{display: none;}
  .nav{width: 30% !important;}
  .nn-r .xs-g dd a{    font-size: 15px;}
  .xs-d{    width: 33%;}
  .nn-l{    width: 63%;    padding: 20px;}
  .nn-r dl.xs-g{    padding: 10.5% 2.5%;}
  .nn-r .xs-g dd a{    padding-left: 17px;}
  .nn-r dl dd a:after{    margin-top: -10px;}
  .tz li .tz-img{    padding-bottom: 100%;}
  .tz li .tzt{padding: 28px;}
  .ne-list .ne-t h3{margin: 10px 0px 10px;}
  .nn-r{    width: 35%;}
  .nn-r { width: 34%;}
  .zp ul{overflow: hidden;}
  .rl li{}
  .zp .rr img{width:100%;}
  .sh ul li{padding: 22px;}
  .zp .rr .r-cover{padding: 6px 10px 6px 10px;}
  .rl li p{display:none;}
  .rl li:nth-child(2){    padding: 36px 20px 38px 20px;}
  .zp .rr .r-cover{    width: 67%;}
  .tz-b .tz-r ul{    display: none;}
  .tz-b .tz-r{    padding: 27px 30px 57px 30px;}
  .tz-c ul li .t-cover{padding: 30px;}
  .tz-b .tz-l .tz-s{padding: 30px;}
  .bq .d-nav dl dd{    margin-right: 12px;}
  .p-rt li{    width: 47.5%;}
  .p-rt li .p-more{padding: 50px;}
  .pr-l li{    width: 47.5%;}
  .nabout table tr{width: 32%;    margin: 30px 5px 0 5px;}
  .nabout table tr th{       width: 37%;}
  .nabout table td{width: 63%;}
  .nabout table tr:nth-child(8){width: 65%;}
  .nabout table tr:nth-child(8) th{width: 20%;}
  .nabout table tr:nth-child(8) td{    width: 80%;}
  table td{width: 100%; float: left;}
  .pro-menu ul li a{    padding: 0 12px;}
  .mt2 table td{    width:50%; float: left;}
  .mt4{    height: 430px !important;}
  .txt-d .txt-c{    padding: 20px;}
  
}
@media only screen and (max-width: 767px) {
	.searchbox{width:86%;}
	.index_main .section1 .index_banner .item .inner .block_txt h2{font-size: 16px;letter-spacing: 2px;    line-height: 1.6;}
	.index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; margin-bottom: 20px;    line-height: 1.6; }
.index_main .section3 h3{font-size:16px;}
.index_main .section1 .index_banner .item .ban2img img { width: 80% !important; left: 5%; top: 16% !important; }
.index_main .section1 .index_banner .ban2img1 img { width: 80% !important; right: 10%; }
.section2 .new-o{width:100%;}
.section2 h4 { font-size: 25px;margin-bottom: 10px; display:none;}
.section2 .new-o li{    padding-bottom: 30px;margin-top:5px;}
.section2 .new-b{display:none;}
.section2 .new-o li:nth-child(4){display:none;}
.section3 .mv{width:50%; height:50%;}
.section3 .mv .m1{padding:10px;}
.section4 .ab-l{ }
.section3 .mv .m1 p{display:none;}
.section3 .line{margin: 20px auto;}
.section4 .abou-t h3 {font-size: 20px; margin-bottom:0;}
.section4 .abou-t p{    display: none;}
.section4 .jr-r{margin-top: 20px;}
.section4 .about-r{    padding: 0 12% 12% 12%;}
.section4 .jr-r a{line-height: 40px;}
.section5 .bq .d-nav dl{    display: none;}
.section5 .bq .d-nav ul li{    margin-bottom: 10px;}
.section5 .bq .erwe{ display:none;}
.section5 .tbg{height: 84%;}
.section5 .tbg ul li .t-img{    width: 100%; height: auto;}
.section5 .tbg ul li{    padding:0 25px 25px 25px;}
.section5 .tbg .container{}
.section5 .tbg ul li .t-img .t2{display:none;}
  #fp-nav.right{    display: none;}
  .section2 .new-o li p{    padding-left: 15px;}
  .section2 .new-o li h3{margin-top: 6px;}
  .mob-nav{display:block;  position: fixed;    top: 0;  width: 100%; z-index: 999;background: rgba(0,0,0,0.6);height: 60px;}
  .n-nav{display: none;}
  .ab-c .cul-l{    padding: 50px 40px 50px 40px;}
  .a-list{font-size: 26px;}
  .ab-c .cul-r .cul-p{width: 68%;padding: 13px;}
  .ab-c .cul-r .cul-p h4{    font-size: 20px;    margin-top: 10px}
  .ab-j .con{    font-size: 14px;}
  .ab-c{padding:0 !important;}
  .ab-c .cul-r .cul-tt h5 a{    font-size: 22px;}
  .ab-c .cul-r .cul-tt{    padding: 10px;}
  .bq .d-nav dl dd{margin-right: 10px;}
  .ab-c .cul-l h3{font-size: 26px;}
  .pro-menu ul li a{       padding: 0 23px;font-size: 15px}
  .pro-menu ul li{    padding: 12px 0px;}
  .pro-menu{margin: 10px 0 0 0;padding-bottom: 20px;}
  table img{max-width:100%; width:auto;    margin: 0 auto;display: block;}
  table td{width:100%; float:left;}
  .nf h4{    font-size: 22px;}
  .nf{padding: 22% 0 10% 0;}
  .txt-c .button{    top: 19%;}
  .prev{left: -15%;}
  .next{right: -15%;}
  .xs-d{    width: 100%;}
  .nn-l{width: 100%;    padding: 4%;}
  .xs-x{    padding: 15px;}
  .nn-r .xs-g dd a{padding-bottom: 15px; font-size: 15px;}
  #guide-banner{    height: 360px;background-attachment: scroll !important;background-position:center !important;    background-size: auto 100% !important;}
  .pr-c h2{    font-size: 24px;}
  .pr-l .ptt h3{    font-size: 24px;}
  .pr-l li{width: 100%;    margin: 0 0 2.4% 0;}
  .p-rt li{    width: 100%;    margin: 0 0 2.4% 0;}
  .p-rt li h3{    font-size: 16px;}
  .tz li{width: 100%; margin-left: 0; }
  .tz li h3{  line-height: 1.6;  font-size: 18px;}
  .tz li .tz-img{    padding-bottom: 93%;}
  .tz li .tzt{    padding: 15px;}
  .xw-t .r-new li{    width: 100%;     padding: 10px;   margin: 0;}
  .nn-r{    width: 100%;}
  .nn-r .xss{margin-top: 20px;}
  .zp .rr .r-cover{    width: 81%;    padding: 10px 20px 10px 20px;}
  .zp .rr .r-cover h4{font-size: 24px;}
  .rl li h4{    font-size: 24px;}
  .sh ul li h4{ font-size: 24px;}
  .sh ul li{padding: 15px;}
  .zp .rr-t{    width: 100%;}
  .tz-b .tz-l .tz-s{    font-size: 24px;    padding: 20px;}
  .tz-b .tz-r h4{    font-size: 24px;}
  .tz-c ul li .t-cover h4{    font-size: 24px;}
  .tz-c ul li .t-cover{padding: 20px;}
  .p-rt li .p-more h4{    font-size: 24px;}
  .p-rt li .p-more{    padding: 40px}
  .rl li:nth-child(1){display:none;}
  .rl li:nth-child(2){    padding: 33px 20px 33px 20px;}
  .bq .d-nav dl{display:none;}
  .ne-list .ne-img{    width: 100%;float: none; margin-left:0;}
  .ne-list .ne-t h3{    margin: 10px 0px 10px;}
  .txt-d .txt-c{padding: 10px;}
  .txt-c .zjt dd{width: 33.3333%;font-size: 16px;}
  .txt-c .zjt dd:nth-child(4),.txt-c .zjt dd:nth-child(5){ display:none;}
  .zi li dl dd{      font-size: 12px;  width: 33.33333%;}
  .zi li dl dd:nth-child(4),.zi li dl dd:nth-child(5){display:none;}
  .zp-u{  }
  #yx-t td{width:auto;    padding-right: 5%;}
  #yx-t td span{}
  .nabout h4{    font-size: 24px;}
  .nabout table tr{    margin: 0 0 20px 0; width: 100%;}
  .nabout{padding: 20px 20px 40px 20px;}
  .nabout table tr:nth-child(8),.nabout table tr td textarea{      height: 160px;  width: 100%;}
  .nabout table tr th{    width: 30%;}
  .nabout table tr:nth-child(8) th{    width: 30%;}
  .nabout table tr:nth-child(8) td{    width: 70%;}
  .xw-o h4 a, .xw-t h4 a{    font-size: 24px;}
  .section4 .ab-r ul.fnt_24 li{    padding: 10%;}
  .ss_num{font-size:20px;}
  .ss_price_num{font-size: 20px;    margin-left: 2%;    line-height: 1.5;}
  .ss_price_precent{font-size: 20px;    margin-left: 2%;    line-height: 1.5;}
  .stock_area li.ss_up .ss_price{     font-size: 20px;   background: url(img/up.png) no-repeat right 6px; background-size: 13%}
  .txt-c strong span{font-size:20px !important;;}
  .mt h4{    font-size: 20px !important;}
 .txt-c  .mt4{    height: 632px !important; background-size: cover !important;}
  .mmt{width:100%;}
  .mmt p strong{display:none;}
  #map{width:100% !important;}
  .hq-b h4 a{    font-size: 24px;}
}

/*底部*/
@-webkit-keyframes tada { 0% {
-webkit-transform:scale(1);
}
 10%, 20% {
-webkit-transform:scale(0.8) rotate(10deg);
}
 30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(-10deg);
}
 40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(10deg);
}
 100% {
-webkit-transform:scale(1) rotate(0);
}
}
@-moz-keyframes tada { 0% {
-moz-transform:scale(1);
}
10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg);
}
100% {
-moz-transform:scale(1) rotate(0);
}
}

.BMap_Marker img { max-width: none !important; }
